var grid;
var opeForm;
$(function() {
	opeForm = $('#opeForm');
	//$('input[type="button"]').button();

	grid = $('#gridTable').jqGrid({
		caption : 'Log list',
		datatype : 'local',
		mtype : 'post',
		height : '400',
		autowidth : true,
		colModel : [ {
			name : 'ACTION_TIME',
			label : 'Action time',
			sortable:false
		}, {
			name : 'ACTION_BY',
			label : 'Action by',
			sortable:false
		}, {
			name : 'ACTION_TYPE',
			label : 'Action type',
			sortable:false
		}, {
			name : 'ACTION_FOR',
			label : 'Action for',
			sortable:false
		} ],
		viewrecords : true,
		rownumbers: true,
		rownumWidth: 40,
		rowNum : 10,
		rowList : [ 10, 20, 30 ],
		prmNames : {
			page : 'pageNum', // 表示请求页码的参数名称
			rows : 'pageSize' // 表示请求行数的参数名称
		},
		jsonReader : {
			root : 'rows', // json中代表实际模型数据的入口
			page : 'pageNum', // json中代表当前页码的数据
			total : 'totalPage', // json中代表页码总数的数据
			records : 'totalNum', // json中代表数据行总数的数据
			repeatitems : false
		},
		pager : '#gridPager'
	});

	queryOperation();
	$('#queryBtn').click(queryOperation);
	$('#clearBtn').click(clearOperation);

});

function queryOperation() {
	var params = opeForm.serializeObject();
	grid.jqGrid('setGridParam', {
		url : 'LOG_MANAGE!queryPagedList.do',
		datatype : 'json',
		postData : jQuery.extend({}, params)
	}).trigger('reloadGrid');
}

function clearOperation() {
	opeForm.resetForm();
}

function afterSave() {
	queryOperation();
}
